网页页面高度铺满全屏的方法
在设置页面页面铺满的时候,还没开始我就发现了问题,高度是高度不像宽度,是无法设置为100%的;
但是h5融媒体都是铺满全屏的,所以一定是有什么方法的,因此我去度娘了。看到最多的还是屏幕自适应。在head标签内加入这段;
<meta name="viewport" content="width=device-width, initial-scale=1">
然鹅,才疏学浅,没弄懂,反正实现不了;
我找到一种可行的方法
html,body{
height:100%;
padding:0;
margin:0;
}
//给父元素加上一个高度100%;就可以铺满,为了图片不变形,一般宽度是固定数值为单位;
还有就是我练习的时候偶然发现的
只要把声明
<!doctype html>
删掉。那么不用给父元素添加高度,直接body里的随便一个元素设置高度100%,都会有效
但是,感觉这样会出现问题